<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/best page.css">
		<title></title>
	</head>
	<body>
		<div class="header">
			<span class="title">优选</span>
		</div>
		<div class="top_roll">
			<img src="./img/best page/select_03.jpg" alt="">
		</div>
		<div class="lite_list">
			<div class="item">
				<img src="./img/best page/select_15.jpg" alt="">
				<div class="zh">本家推荐</div>
			</div>
			<div class="item">
				<img src="./img/best page/select_17.jpg" alt="">
				<div class="zh">挑选师推荐</div>
			</div>
			<div class="item">
				<img src="./img/best page/select_12.jpg" alt="">
				<div class="zh">私物推荐</div>
			</div>
			<div class="item">
				<img src="./img/best page/select_23.jpg" alt="">
				<div class="zh">本家LOOK</div>
			</div>
		</div>
		<div class="seclect_box">
			<div class="select">
				本家甄选
			</div>

			<div class="light">
				<img src="./img/best page/select_09.jpg" alt="">
				<div class="des">叠韵滤光器，氛围造型大师</div>
				<div class="info">光笼，来自斯德哥尔摩的光晕礼赞</div>
			</div>
			<div class="shoes">
				<div class="text">
					<div class="des">编织底双色鞋子 多色可选</div>
					<div class="info">透气性好，时尚感强</div>
				</div>
				<img src="./img/best page/select_20.jpg" alt="">
			</div>
			<div class="storage">
				<div class="text">
					<div class="des">炻瓷储物罐系列</div>
					<div class="info">避光密封 坚韧耐摔 多道工序 匠心制
						作 拥有更久的赏味期限</div>
				</div>
				<img src="./img/best page/select_59.jpg" alt="">
			</div>
		</div>
		<!-- 十点一刻 -->
		<div class="clock_box">
			<div class="clock ">
				十点一刻
			</div>
			<div class="session  relative">

				<img src="./img/best page/select_50.jpg" alt="">
				<div class="today">今日话题</div>
				<div class="importent">一念之间的重要性</div>
				<div class="des">有没有哪个瞬间的念头，改变你一段时间的生活轨迹？</div>

			</div>
		</div>
		<!-- 本家推荐 -->
		<div class="recommend">
			<div class="rec">
				本家推荐
			</div>
			<div class="rec-info">
				<img src="./img/best page/select_43.jpg" alt="">
				<div class="des">夏季出游必备</div>
				<div class="info">舒心出行，本家为你推荐的5个tips不能忘</div>
			</div>
		</div>

		<!-- 本家LOOK -->
		<div class="look_title">
			本家LOOK
		</div>
		<div class="look">
			<div class="cowboy">
				<div class="pic">
					<div class="big">
						<img src="./img/best page/select_34.jpg" alt="">
					</div>
					<div class="lite">
						<img src="./img/best page/select_55.jpg" alt="">
						<img src="./img/best page/select_47.jpg" alt="">
					</div>
				</div>
				<div class="des">给牛仔加点火山岩</div>
			</div>
			<div class="cowboy">
				<div class="pic">
					<div class="big">
						<img src="./img/best page/select_40.jpg" alt="">
					</div>
					<div class="lite">
						<img src="./img/best page/select_37.jpg" alt="">
						<img src="./img/best page/select_62.jpg" alt="">
					</div>
				</div>
				<div class="des">婚纱拍照必看功课</div>
			</div>
			<div class="green">
				<img src="./img/best page/select_83.jpg" alt="">
				<div class="des">夏天的清凉，多亏了这抹茶绿</div>
			</div>
			<div class="cowboy">
				<div class="pic">
					<div class="big">
						<img src="./img/best page/select_77.jpg" alt="">
					</div>
					<div class="lite">
						<img src="./img/best page/select_84.jpg" alt="">
						<img src="./img/best page/select_80.jpg" alt="">
					</div>
				</div>
				<div class="des">你的厨房只是少了它</div>
			</div>
			<div class="green">
				<img src="./img/best page/select_73.jpg" alt="">
				<div class="des">家的精致主义</div>
			</div>
			<div class="green">
				<img src="./img/best page/select_74.jpg" alt="">
				<div class="des">收纳，让小家越住越大</div>
			</div>
		</div>

		<ul class="bottom">
			<li>
				<img src="./img/best page/house.png" alt="">
				<div class="zh">首页</div>
			</li>
			<li>
				<img src="./img/best page/red-select_90.png" alt="">
				<div class="zh">优选</div>
			</li>
			<li>
				<img src="./img/shoppingcar/sort.png" alt="">
				<div class="zh">分类</div>
			</li>
			<li>
				<img src="./img/self center/blockcar_03.png" alt="">
				<div class="zh">购物车</div>
			</li>
			<li>
				<img src="./img/shoppingcar/self.png" alt="">
				<div class="zh">我的</div>
			</li>
		</ul>

		<div class="back">
			<img src="./img/shoppingcar/angle-upon.png" alt="">
		</div>
	</body>
</html>
